$(function () {
  //点击“去注册账号”的链接
  $("#link_reg").on("click", function () {
    $(".login-box").hide();
    $(".reg-box").show();
  });
  //点击“去登陆”
  $("#link_login").on("click", function () {
    $(".reg-box").hide();
    $(".login-box").show();
  });
  //从layui中获取 form 对象
  var form = layui.form,
    layer = layui.layer;

  //通过 form.verify()函数自定义校验规则
  form.verify({
    //自定义了一个pwd的校验规则
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
    // 校验两次密码是否输入一致
    repwd: function (value) {
      // 通过形参拿到密码框的值
      // 再拿到再次输入密码框的值
      // 把两个进行一次等于的判断
      // 如果判断失败就return一个错误提示
      var pwd = $(".reg-box [name=password]").val();
      // console.log(pwd);
      if (pwd !== value) {
        return "两次密码不一致";
      }
    },
  });

  // 监听注册表单的提交事件
  $("#form_reg").on("submit", function (e) {
    e.preventDefault();
    $.post(
      "/api/reguser",
      {
        username: $(".reg-box [name=username]").val(),
        password: $(".reg-box [name=password]").val(),
      },
      function (res) {
        console.log(res);
        if (res.status !== 0) {
          return layer.msg("注册失败");
        }
        layer.msg("注册成功");
        $("#link_login").click();
      }
    );
  });
  // 监听表单的登陆事件
  $("#form_login").submit(function (e) {
    e.preventDefault();
    // 发起登陆请求
    $.ajax({
      method: "POST",
      url: "/api/login",
      data: $(this).serialize(),
      success: function (res) {
        console.log(res);
        if (res.status !== 0) {
          return layer.msg("账户登陆失败");
        }
        layer.msg("登陆成功");
        localStorage.setItem('token',res.token)
        setTimeout(function () {
          location.href = "../../index.html";
        },1000)
      },
    });
  });
});
